<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/view/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>${appname}</title>
<script>
$(function(){
	 //帮助
	 $('#popMe').popover({
		html:true,
		trigger:'hover',
		placement:'top',
		container:'body',
		title:'修改控制单元步骤',
		content:function(){
			return $('#steps').html();
		}
	});
});
</script>
<%@ include file="/WEB-INF/view/common/css_js_ace.jsp"%>
</head>
<body>
<%@ include file="/WEB-INF/view/common/topbar.jsp"%>
<div class="main-container" id="main-container">
	<div class="main-container-inner">
		<%@ include file="/WEB-INF/view/common/sidebar.jsp"%>
		<div class="main-content">
			<div class="breadcrumbs" id="breadcrumbs">
				<ul class="breadcrumb">
					<li>
						<i class="icon-home home-icon"></i>
						<a href="#">首页</a>
					</li>

					<li class="active">列表</li>
				</ul>
			</div>

			<div class="page-content">
				<div class="row">
					<div class="col-xs-12">
						
						<div class="widget-box">
							<div class="widget-header header-color-white">
								<div class="widget-toolbar no-border">
									<a class="btn btn-primary btn-xs" href="${ctx}/ui/table_list.do"><i class="icon-circle-arrow-left"></i> 返回&nbsp;&nbsp;</a>
								</div>
								
							</div>

							<div class="widget-body">
								<div class="widget-main">
									<span class="help-button" id="popMe">?</span>
									<form class="form-horizontal" id="inputForm" action="" method="post">
										<div class="form-group has-warning">
											<label for="inputWarning" class="col-xs-12 col-sm-3 control-label no-padding-right">Input with warning</label>

											<div class="col-xs-12 col-sm-5">
												<span class="block input-icon input-icon-right">
													<input type="text" id="inputWarning" class="width-100" />
													<i class="icon-leaf"></i>
												</span>
											</div>
											<div class="help-block col-xs-12 col-sm-reset inline">
												Warning tip help!
											</div>
										</div>

										<div class="form-group has-error">
											<label for="inputError" class="col-xs-12 col-sm-3 col-md-3 control-label no-padding-right">Input with error</label>

											<div class="col-xs-12 col-sm-5">
												<span class="block input-icon input-icon-right">
													<input type="text" id="inputError" class="width-100" />
													<i class="icon-remove-sign"></i>
												</span>
											</div>
											<div class="help-block col-xs-12 col-sm-reset inline"> Error tip help! </div>
										</div>

										<div class="form-group has-success">
											<label for="inputSuccess" class="col-xs-12 col-sm-3 control-label no-padding-right">Input with success</label>

											<div class="col-xs-12 col-sm-5">
												<span class="block input-icon input-icon-right">
													<input type="text" id="inputSuccess" class="width-100" />
													<i class="icon-ok-sign"></i>
												</span>
											</div>
											<div class="help-block col-xs-12 col-sm-reset inline">
												Success tip help!
											</div>
										</div>

										<div class="form-group has-info">
											<label for="inputInfo" class="col-xs-12 col-sm-3 control-label no-padding-right">Input with info</label>

											<div class="col-xs-12 col-sm-5">
												<span class="block input-icon input-icon-right">
													<input type="text" id="inputInfo" class="width-100" />
													<i class="icon-info-sign"></i>
												</span>
											</div>
											<div class="help-block col-xs-12 col-sm-reset inline"> Info tip help! </div>
										</div>

										<div class="form-group">
											<label for="inputError2" class="col-xs-12 col-sm-3 control-label no-padding-right">Input with error</label>

											<div class="col-xs-12 col-sm-5">
												<span class="input-icon block">
													<input type="text" id="inputError2" class="width-100" />
													<i class="icon-remove-sign red"></i>
												</span>
											</div>
											<div class="help-block col-xs-12 col-sm-reset inline"> Error tip help! </div>
										</div>
									</form>
								</div>
							</div>
						</div>
						
						
						<div class="hr hr12 hr-dotted"></div>
						
						
						<div class="widget-box">
							<div class="widget-header header-color-white">
								<div class="widget-toolbar no-border">
									<a class="btn btn-primary btn-xs" href="${ctx}/ui/table_list.do"><i class="icon-arrow-left"></i> 返回&nbsp;&nbsp;</a>
								</div>
								
							</div>

							<div class="widget-body">
								<div class="widget-main">
									<form class="form-horizontal" role="form">
									
										<div class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> Text Field </label>

											<div class="col-sm-9">
												<input type="text" id="form-field-1" placeholder="Username" class="col-xs-10 col-sm-5" />
												<span class="help-button" data-rel="popover" data-trigger="hover" data-placement="left" data-content="More details." title="Popover on hover">?</span>
											</div>
										</div>
										
										<div class="space-4"></div>
										
										<div class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> Text Field </label>

											<div class="col-sm-9">
												<input type="text" id="form-field-1" placeholder="Username" class="col-xs-10 col-sm-5" />
											</div>
										</div>

										<div class="space-4"></div>

										<div class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="form-field-2"> Password Field </label>

											<div class="col-sm-9">
												<input type="password" id="form-field-2" placeholder="Password" class="col-xs-10 col-sm-5" />
												<span class="help-inline col-xs-12 col-sm-7">
													<span class="middle">Inline help text</span>
												</span>
											</div>
										</div>

										<div class="space-4"></div>
										
										<div class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="form-field-2"> Password Field </label>

											<div class="col-sm-9">
												<input type="text" class="col-xs-10 col-sm-5"
														id="startCreated" name="startCreated" value="${param.startCreated}" 
														onfocus="WdatePicker({onpicked:function(){endCreated.focus();},dateFmt:'yyyy-MM-dd HH:mm:ss',isShowWeek:true})"/>
											</div>
										</div>
										
										<div class="space-4"></div>
										
										<div class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="form-field-2"> CheckBox </label>

											<div class="col-sm-9">
												<div class="checkbox checkbox-inline">
													<label>
														<input name="form-field-checkbox" type="checkbox" class="ace" />
														<span class="lbl"> choice 1</span>
													</label>
												</div>

												<div class="checkbox checkbox-inline">
													<label>
														<input name="form-field-checkbox" type="checkbox" class="ace" />
														<span class="lbl"> choice 2</span>
													</label>
												</div>
											</div>
										</div>
										
										<div class="space-4"></div>
										
										<div class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="form-field-2"> CheckBox </label>

											<div class="col-sm-9">
												<input type="file" id="form-field-2" placeholder="file" class="col-xs-10 col-sm-5" />
											</div>
										</div>
										
										
										<div class="clearfix form-group">
											<div class="col-md-offset-3 col-md-9">
												<button class="btn btn-sm btn-primary" type="submit">
												<i class="icon-ok bigger-110"></i>
												提交
												</button>

												&nbsp; &nbsp; &nbsp;
												<button class="btn btn-sm" type="reset">
												<i class="icon-undo bigger-110"></i>
												重置
												</button>
											</div>
										</div>
										
									</form>
								</div>
							</div>
						</div>
						
						
						<div class="hr hr12 hr-dotted"></div>
						
						<div class="widget-box">
							<div class="widget-header header-color-white">
								<div class="widget-toolbar no-border">
									<a class="btn btn-primary btn-xs" href="${ctx}/ui/table_list.do"><i class="icon-circle-arrow-left"></i> 返回&nbsp;&nbsp;</a>
								</div>
								
							</div>

							<div class="widget-body">
								<div class="widget-main">
									<ul class="wizard-steps">
										<li data-target="#step1" class="active">
											<span class="step">1</span>
											<span class="title">Validation states</span>
										</li>

										<li data-target="#step2">
											<span class="step">2</span>
											<span class="title">Alerts</span>
										</li>

										<li data-target="#step3">
											<span class="step">3</span>
											<span class="title">Payment Info</span>
										</li>

										<li data-target="#step4">
											<span class="step">4</span>
											<span class="title">Other Info</span>
										</li>
									</ul>
									
									<ul class="wizard-steps">
										<li data-target="#step1" class="active">
											<span class="step">1</span>
											<span class="title">local_stored</span>
											<span class="title">2014-6-6 17:03:36</span>
										</li>

										<li data-target="#step2">
											<span class="step">2</span>
											<span class="title">local_pipline</span>
											<span class="title">&nbsp;</span>
										</li>

										<li data-target="#step3">
											<span class="step">3</span>
											<span class="title">remote_pipline</span>
										</li>
										
										<li data-target="#step4">
											<span class="step">4</span>
											<span class="title">remote_stored</span>
										</li>

										<li data-target="#step5">
											<span class="step">5</span>
											<span class="title">notify_reciver</span>
										</li>
										
										<li data-target="#step6">
											<span class="step">6</span>
											<span class="title">notify_sender</span>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>
